﻿@using Kendo.Mvc.UI;
@{
    if (!Request.IsAjaxRequest())
    { Layout = "../Shared/_Layout.cshtml"; }
    else
    { Layout = null; }
}
@model TS2015.Models.TbThiSinh

<div class="widget">
    <div class="widget-body no-p">
        @using (@Html.BeginForm("RegistrationForm", "CandidateManagement", FormMethod.Post))
        {
            <input type="hidden" value="@ViewBag.TL" name="SendID" id="SendID" />
            @Html.AntiForgeryToken()
            @Html.ValidationSummary(true)
            @Html.HiddenFor(m => m.MaTS)
            <fieldset title="Bước 1" id="stepy-step-0" class="stepy-step">
                <legend>Thông tin cơ bản</legend>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>1. Họ, tên đệm và tên của thí sinh </strong><i>(Viết đúng như giấy khai sinh)</i>
                        </div>

                        <div class="col-lg-5 col-md-5">
                            <div class="row">
                                @Html.TextBoxFor(m => m.HoDem, new { @class = "form-control", placeholder = "Họ và Têm đệm..." })
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-3">
                            @Html.TextBoxFor(m => m.Ten, new { @class = "form-control", placeholder = "Tên..." })
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>2. Giới tính:</strong>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.EnumDropDownListFor(m => m.GioiTinh, new { @class = "form-control" })
                                @Html.ValidationMessageFor(model => model.GioiTinh)
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="form-group">
                    <div class="col-lg-12 col-md-12">
                        <div class="row">
                            <div class=" col-lg-1 col-md-1">
                                <div class="row row-top-label"><strong>3. Ngày sinh:</strong></div>
                            </div>
                            <div class="col-lg-3 col-md-3">
                                <div class="row-top-input">
                                    @Html.TextBoxFor(e => e.NgaySinh, new { type = "date", @class = "form-control", @Value = (Model.NgaySinh.Equals(default(DateTime)) ? DateTime.Now.ToString("yyyy-MM-dd") : Model.NgaySinh.ToString("yyyy-MM-dd")) })
                                    @Html.ValidationMessageFor(model => model.NgaySinh)
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>4. Dân tộc:</strong>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.DropDownList("MaDanToc", (SelectList)ViewBag.DanToc, "Chọn Dân tộc", new { @class = "form-control" })
                                @Html.ValidationMessageFor(model => model.MaDanToc)
                            </div>
                        </div>

                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>
                                5. Thuộc đối tượng ưu tiên :
                            </strong>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.DropDownList("MaDoiTuong", (SelectList)ViewBag.DoiTuongUuTien, "Chọn Đối tượng", new { @class = "form-control" })
                                @Html.ValidationMessageFor(model => model.MaDoiTuong)
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <strong>6. Hộ khẩu thường trú</strong>:<br />
                    <div class="col-lg-6 col-md-6">
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Tỉnh :</strong>
                                @Html.DropDownList("MaTinh", (SelectList)ViewBag.Tinh, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh-error MaTinh-error MaTinh-error", id = "ProvinceID" })
                                <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">

                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Huyện: </strong>
                                @Html.DropDownListFor(m => m.MaHuyen, new SelectList(Enumerable.Empty<SelectListItem>(), "MaHuyen", "TenHuyen"), "Chọn Huyện...", new { @class = "form-control", id = "CommuneID" })
                                @Html.ValidationMessageFor(model => model.MaHuyen)
                            </div>
                        </div>

                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>7. Địa chỉ:</strong>:
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.TextBoxFor(m => m.DiaChi, new { @class = "form-control" })
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>8. Cơ quan công tác:</strong>:
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.TextBoxFor(m => m.CoQuanCongTac, new { @class = "form-control" })
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="form-group">
                    <strong>9. Trường THPT :</strong>
                    <div class="clear"></div>
                    <label>Lớp 10: </label>
                    <div class="clear"></div>
                    <div class="col-lg-6 col-md-6">
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Tỉnh :</strong>
                                @Html.DropDownList("MaTinh10", (SelectList)ViewBag.TinhTruong, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh10-error MaTinh10-error MaTinh10-error", id = "ProvinceID10" })
                                <span class="field-validation-valid" data-valmsg-for="MaTinh10" data-valmsg-replace="true"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Trường THPT : </strong>
                                @Html.DropDownList("IDTruong10", new SelectList(Enumerable.Empty<SelectListItem>(), "IDTruong", "TenTruong"), "Chọn Trường...", new { @class = "form-control", id = "HighSchoolID10" })
                                @Html.ValidationMessage("IDTruong10")
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <strong>Lớp 11: </strong>
                    <div class="clear"></div>
                    <div class="col-lg-6 col-md-6">
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Tỉnh :</strong>
                                @Html.DropDownList("MaTinh11", (SelectList)ViewBag.TinhTruong, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh11-error MaTinh11-error MaTinh11-error", id = "ProvinceID11" })
                                <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Trường THPT : </strong>
                                @Html.DropDownList("IDTruong11", new SelectList(Enumerable.Empty<SelectListItem>(), "IDTruong", "TenTruong"), "Chọn Trường...", new { @class = "form-control", id = "HighSchoolID11" })
                                @Html.ValidationMessage("IDTruong11")
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                    <strong>Lớp 12: </strong>
                    <div class="clear"></div>
                    <div class="col-lg-6 col-md-6">
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Tỉnh :</strong>
                                @Html.DropDownList("MaTinh12", (SelectList)ViewBag.TinhTruong, "Chọn Tỉnh...", new { @class = "form-control valid", data_val = "true", data_val_required = " ", aria_required = "true", aria_describedby = "MaTinh12-error MaTinh12-error MaTinh12-error", id = "ProvinceID12" })
                                <span class="field-validation-valid" data-valmsg-for="MaTinh" data-valmsg-replace="true"></span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                <strong>Trường THPT : </strong>
                                @Html.DropDownList("IDTruong12", new SelectList(Enumerable.Empty<SelectListItem>(), "IDTruong", "TenTruong"), "Chọn Trường...", new { @class = "form-control", id = "HighSchoolID12" })
                                @Html.ValidationMessage("IDTruong12")
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="form-group">
                    <div class="form-group">
                        <div class="col-lg-6 col-md-6">
                            <div class="row">
                                <strong>10. Số báo danh</strong><i>(SBD dự thi Tốt nghiệp)</i>:
                            </div>
                            <div class="col-lg-8 col-md-8">
                                <div class="row">
                                    @Html.TextBoxFor(m => m.SBD, new { @class = "form-control", placeholder = "Số báo danh..." })
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-6 col-md-6">
                            <div class="row">
                                <strong>11. Số minh thư nhân dân:</strong>
                            </div>
                            <div class="col-lg-8 col-md-8">
                                <div class="row">
                                    @Html.TextBoxFor(m => m.CMND, new { @class = "form-control", placeholder = "CMND..." })
                                    @Html.ValidationMessageFor(m => m.CMND)
                                    <div id="ThongBao"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>12. Điện thoại: </strong>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.TextBoxFor(m => m.SoDienThoai, new { @class = "form-control", placeholder = "SDT..." })
                                <div id="ThongBaoSDT"></div>
                                @Html.ValidationMessageFor(m => m.SoDienThoai)
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>13. Email: </strong>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.TextBoxFor(m => m.Email, new { @class = "form-control", placeholder = "Email...", })
                                <div id="ThongBaoEmail"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <div class="row"><strong>14. Lệ phí đăng ký: </strong></div>
                        <div class="form-group" style="margin-top:5px">
                            @Html.CheckBox("DaDongTien", (bool)ViewBag.DaDongTien)
                            <label for="DaDongTien">Đã đóng lệ phí thi</label>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="row">
                            <strong>15. Hình thức tuyển sinh:</strong>
                        </div>
                        <div class="col-lg-8 col-md-8">
                            <div class="row">
                                @Html.EnumDropDownListFor(m => m.HinhThucDK, new { @class = "form-control", id = "ddlTraningSystem" })
                                @Html.ValidationMessageFor(m => m.HinhThucDK)
                            </div>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
            </fieldset>

            <fieldset title="Bước 2" id="stepy-step-1" class="stepy-step" style="display: none;">
                <legend>Thông tin tuyển sinh</legend>

                <div id="step-1"></div>
            </fieldset>

            <fieldset title="Bước 3" id="stepy-step-2" class="stepy-step" style="display: none;">
                <legend>Hình thức đào tạo khác nếu không đỗ đại học</legend>
                <h4 style="text-align:center; margin-bottom:5px;margin-top:0">TRONG TRƯỜNG HỢP BẠN KHÔNG TRÚNG TUYỂN ĐẠI HỌC, BẠN CÓ THỂ ĐĂNG KÝ DỰ PHÒNG CÁC HÌNH THỨC ĐÀO TẠO KHÁC</h4>
                <i>(LƯU Ý: BẠN CÓ THỂ KHÔNG CẦN NHẬP THÔNG TIN BƯỚC NÀY)</i>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <div class="row"><strong>1. Hệ đào tạo : </strong></div>
                        <div class="form-group">
                            @Html.CheckBox("LienKet", (bool)ViewBag.LienKet)
                            <label for="HeDaoTaoKhac">Liên kết Quốc tế</label>
                        </div>
                        <div class="form-group">
                            @Html.CheckBox("HeCaoDang", (bool)ViewBag.HeCaoDang)
                            <label for="HeDaoTaoKhac">Cao đẳng nghề</label>
                        </div>
                        <div class="form-group">
                            @Html.CheckBox("HeTrungCap", (bool)ViewBag.HeTrungCap)
                            <label for="HeDaoTaoKhac">TC chính quy</label>
                        </div>
                    </div>
                </div>
                <div style="clear:both"></div>
                <div class="form-group">
                    <div class="col-lg-6 col-md-6">
                        <strong>2. Nơi đào tạo : </strong>
                        @Html.DropDownList("NoiDaoTao", ViewBag.NoiDaoTao as List<SelectListItem>, new { @class = "form-control" })
                    </div>
                </div>
                <hr />

                <div style="clear:both"></div>

            </fieldset>
            <input type="submit" id="btsubmit" value="Đăng ký" />
        }

    </div>
</div>

<script src="~/Scripts/jquery.stepy.min.js"></script>
<link href="~/Content/css/jquery.stepy.css" rel="stylesheet" />

<script>
    $("#ProvinceID10").change(function () {
        var provinceid2 = $(this).val();
        $("#HighSchoolID10").html('').append($('<option/>', {
            value: 0,
            text: "Chọn Trường..."
        }));
        $.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid2 },
               function (data) {
                   var select = $("#HighSchoolID10");
                   select.empty();
                   select.append($('<option/>', {
                       value: 0,
                       text: "Chọn Trường..."
                   }));
                   $.each(data, function (index, itemData) {
                       select.append($('<option/>', {
                           value: itemData.Value,
                           text: itemData.Text
                       }));
                   });
               });
    });
    $("#ProvinceID11").change(function () {
        var provinceid11 = $(this).val();
        $("#HighSchoolID11").html('').append($('<option/>', {
            value: 0,
            text: "Chọn Trường..."
        }));
        $.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid11 },
               function (data) {
                   var select = $("#HighSchoolID11");
                   select.empty();
                   select.append($('<option/>', {
                       value: 0,
                       text: "Chọn Trường..."
                   }));
                   $.each(data, function (index, itemData) {
                       select.append($('<option/>', {
                           value: itemData.Value,
                           text: itemData.Text
                       }));
                   });
               });
    });
    $("#ProvinceID12").change(function () {
        var provinceid2 = $(this).val();
        $("#HighSchoolID12").html('').append($('<option/>', {
            value: 0,
            text: "Chọn Trường..."
        }));
        $.getJSON("/Common/GetHighSchoolByProvince", { matinh: provinceid2 },
               function (data) {
                   var select = $("#HighSchoolID12");
                   select.empty();
                   select.append($('<option/>', {
                       value: 0,
                       text: "Chọn Trường..."
                   }));
                   $.each(data, function (index, itemData) {
                       select.append($('<option/>', {
                           value: itemData.Value,
                           text: itemData.Text
                       }));
                   });
               });
    });
    var CheckCMND = false, CheckEmail = false, CheckTS = false, CheckPhone = false;
    var mess = '';
    var bAlertCalled = false;
    $("#SoDienThoai").blur(function () {
        if ($(this).val().length > 0) {
            var isLength = $(this).val().length;
            var Phone = /^(0\d{9,10})$/;
            if (!$.isNumeric($("#SoDienThoai").val())) {
                $("#ThongBaoSDT").fadeIn();
                $("#ThongBaoSDT").html("<span style='color:red'>Chỉ được nhập số!</span>").delay(5000).fadeOut();
                $(this).css('border-color', '#e97878');
                CheckPhone = true;
                mess += 'Chỉ được nhập số!' + '\n';
            }
            else if ((isLength < 10) || (isLength > 11)) {
                $("#ThongBaoSDT").fadeIn();
                $("#ThongBaoSDT").html("<span style='color:red'>Độ dài từ 10 - 11 ký tự!</span>").delay(5000).fadeOut();
                $(this).css('border-color', '#e97878');
                CheckPhone = true;
                mess += 'Độ dài từ 10 - 11 ký tự!' + '\n';
            }
            else if (!Phone.test($(this).val())) {
                $("#ThongBaoSDT").fadeIn();
                $("#ThongBaoSDT").html("<span style='color:red'>Không đúng định dạng số điện thoại!</span>").delay(5000).fadeOut();
                $(this).css('border-color', '#e97878');
                CheckPhone = true;
                mess += 'Không đúng định dạng số điện thoại!' + '\n';
            }
            else {
                $("#SoDienThoai").css('border-color', 'green');
                $("#ThongBaoSDT").fadeOut();
                CheckPhone = false;
            }

        }
    });
    //$("#CMND").blur(function () {
    //    var url = "/Common/CheckCMND";
    //    var name = $('#CMND').val();
    //    if ($(this).val().length > 0) {
    //        $.get(url, { CMND: name }, function (data) {
    //            if (data == "True") {
    //                $("#ThongBao").fadeIn();
    //                $("#ThongBao").html("<span style='color:red'>CMND đã tồn tại!</span>").delay(5000).fadeOut();
    //                $("#CMND").css('border-color', '#e97878');
    //                mess += 'CMND đã tồn tại!' + '\n';
    //            }
    //            else if (data == "False") {
    //                $("#ThongBao").fadeIn();
    //                $("#ThongBao").html("<span style='color:green'>CMND có thể sử dụng!</span>").delay(5000).fadeOut();
    //                $("#CMND").css('border-color', 'green');
    //                CheckCMND = true;
    //            }
    //            else if (data == "Empty") {
    //                $("#ThongBao").fadeOut();
    //            }
    //        });
    //    }
    //});

    $("#Email").blur(function () {
        var url = "/Common/CheckEmail";
        var name = $('#Email').val();
        if ($(this).val().length > 0) {
            var isLength = $(this).val().length;
            var Email = /^([\w-\.]+@@([\w-]+\.)+[\w-]{2,4})?$/;
            if (!Email.test($(this).val())) {
                $("#ThongBaoEmail").fadeIn();
                $("#ThongBaoEmail").html("<span style='color:red'>Không đúng định dạng Email!</span>").delay(5000).fadeOut();
                $(this).css('border-color', '#e97878');
                mess += 'Không đúng định dạng Email!' + '\n';
            }
            else {
                CheckEmail = true;
                $("#ThongBaoEmail").fadeOut();
                $("#Email").css('border-color', 'green');
            }
            //else {
            //    $.get(url, { Email: name }, function (data) {
            //        if (data == "True") {
            //            $("#ThongBaoEmail").fadeIn();
            //            $("#ThongBaoEmail").html("<span style='color:red'>Email đã tồn tại!</span>").delay(5000).fadeOut();
            //            $("#Email").css('border-color', '#e97878');
            //            mess += 'Email đã tồn tại!' + '\n';
            //        }
            //        else if (data == "False") {
            //            $("#ThongBaoEmail").fadeIn();
            //            $("#ThongBaoEmail").html("<span style='color:green'>Email có thể sử dụng!</span>").delay(5000).fadeOut();
            //            $("#Email").css('border-color', 'green');
            //            CheckEmail = true;
            //        }
            //        else if (data == "Empty") {
            //            $("#ThongBaoEmail").fadeOut();
            //        }
            //    });
            //};
        }
    });

    $('#btSubmit').click(function (e) {

        //if (!$('#HeCaoDang').is(':checked') && !$('#HeTrungCap').is(':checked')) {
        //    //alert('Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)')
        //    CheckTS = true;
        //    messTS = 'Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)';
        //    mess += 'Bạn chưa chọn Hệ đào tạo! (Có thể chọn cả 2)';
        //}
        if (!CheckEmail || CheckPhone) {
            alert(mess);
            return false;
        }
    });
    $(function () {
        $('form').stepy();
    });
    $("#ProvinceID").change(function () {
        var provinceid = $(this).val();
        $("#CommuneID").html('').append($('<option/>', {
            value: 0,
            text: "Chọn Huyện..."
        }));
        $.getJSON("/CandidateManagement/GetProvinceByCommune", { matinh: provinceid },
               function (data) {
                   var select = $("#CommuneID");
                   select.empty();
                   select.append($('<option/>', {
                       value: 0,
                       text: "Chọn Huyện..."
                   }));
                   $.each(data, function (index, itemData) {
                       select.append($('<option/>', {
                           value: itemData.Value,
                           text: itemData.Text
                       }));
                   });
               });
    });
    //$("#ProvinceID2").change(function () {
    //    var provinceid2 = $(this).val();
    //    $("#HighSchoolID").html('').append($('<option/>', {
    //        value: 0,
    //        text: "Chọn Trường..."
    //    }));
    //    $.getJSON("/CandidateManagement/GetHighSchoolByProvince", { matinh: provinceid2 },
    //           function (data) {
    //               var select = $("#HighSchoolID");
    //               select.empty();
    //               select.append($('<option/>', {
    //                   value: 0,
    //                   text: "Chọn Trường..."
    //               }));
    //               $.each(data, function (index, itemData) {
    //                   select.append($('<option/>', {
    //                       value: itemData.Value,
    //                       text: itemData.Text
    //                   }));
    //               });
    //           });
    //});

</script>


